<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本框</title>
</head>
<body>
	<input type="text" id ='uname' value =''>
	<script type="text/javascript">
	//获取元素
		var uname =document.getElementById('uname');
	//获取value
	//var res =uname.value;
	//设置值
 	// uname.value='234';
	//键盘抬起事件  将小写变成大写
	uname.onkeyup =function(e)
	{
		//获取值
		// var v = this.value.toUpperCase();
		// this.value =v;
		// 

			var res =e.key.toUpperCase();
		console.log(res);
		if(res == 'BACKSPACE'){
			return true;
		}

		this.value +=res;

		return false;
	}

	//键盘按下事件
	// uname.onkeydown = function(e)
	// {
	// 	// var res =e.key.toUpperCase();

	// 	// if(res == 'BACKSPACE'){
	// 	// 	return true;
	// 	// }

	// 	// this.value +=res;

	// 	// return false;
	// }


	</script>
</body>
</html>